<template>
    <div class="app">
        <Header :meun="meun" />
        <div class="content">
			<div id="router-views">
				<router-view class="content-view"></router-view>
			</div>
            <Footer />
        </div>
    </div>
</template>

<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import MainMeun from "@/router/views/mainMeun";
export default {
	components: {
		Header,
		Footer,
	},
	data() {
		return {
			meun: MainMeun,
			height:0
		};
	},
	mounted(){
		this.hChange();
	},
	methods: {
		hChange() {
			// const headerH = document.querySelector('.header-contaniner');
			// const footerH = document.querySelector('.footer');
			// const views = document.querySelector('#router-views');
			// views.style['min-height'] = (window.innerHeight - headerH.clientHeight - footerH.clientHeight - 15) + 'px';
		}
	},
};
</script>
